<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>若依介绍</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
    <style>
        .ul1 {list-style: none;margin: 0}
        li {padding: 5px;}
    </style>
</head>

<body class="gray-bg">
<div style="position: relative;height: 26px;overflow: hidden;border: solid 1px dimgrey; width: 700px">
    <i class="fa fa-bullhorn" style="float: left;padding: 5px"></i>
    <ul class="ul1">
        <li th:each="notice : ${noticeList}">
            <span th:text="${#dates.format(notice.createTime, 'yyyy-MM-dd')} + ' ' + ${notice.noticeType == '0' ? '通知：': '公告：'} + ${notice.noticeTitle}"></span>
            <a th:onclick="noticeInfo([[${notice.noticeId}]])">查看详情</a>
        </li>
    </ul>
</div>

<th:block th:include="include :: footer" />
<script type="text/javascript">
    var interval;
    $(function () {
        var num = $(".ul1").find("li").length;
        if (num > 1) {
            setInterval(function() {
                $('.ul1').animate({
                    marginTop: "-26px"
                }, 500, function () {
                    $(this).css({marginTop: "0"}).find("li:first").appendTo(this);
                })
            }, 3000);
        }
    });
    function noticeInfo(id) {
        $.modal.open('公告详情','/system/notice-info/'+ id, 600, 700);
    }
</script>
</body>
</html>
